<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
	<header th:replace="_layout/header :: header"></header>
		<!-- Breadcrumb Start -->
		<div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
			<div class="container">
				<div class="row py-5">
					<div class="col-sm-6">
						<h3 class="text-white">一般支持</h3>
					</div>
					<div class="col-sm-6">
						<nav aria-label="breadcrumb" class="float-right">
							<ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
								<li class="breadcrumb-item"><a href="#">Home</a></li>
								<li class="breadcrumb-item"><a href="#">Pages</a></li>
								<li class="breadcrumb-item active" aria-current="page">General Support</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
	<!-- Breadcrumb End -->


	<div class="full-row bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6 mb-5">
					<h2 class="mb-3">你好，我们能帮忙吗?</h2>
					<span>搜索问题和主题</span>
				</div>
				<div class="col-lg-6 col-md-6 mb-5">
					<form action="#" method="post">
						<div class="row">
							<div class="col-lg-12">
								<input type="text" class="form-control bg-light" name="search" placeholder="Search what you are looking for.....">
							</div>
						</div>
					</form>
				</div>
			</div>
			<div class="row">
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-message flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">一般性问题</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">主题特色</a></li>
							<li><a href="#">管理您的设置</a></li>
							<li><a href="#">响应和验证</a></li>
							<li><a href="#">控制台错误问题</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-repair flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">技术支持</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">访问另一台计算机</a></li>
							<li><a href="#">采购代码</a></li>
							<li><a href="#">主题许可证</a></li>
							<li><a href="#">主题表演</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-call flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">抱怨和反对</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">密码恢复</a></li>
							<li><a href="#">剖面变化</a></li>
							<li><a href="#">更改我的信息</a></li>
							<li><a href="#">第二步变异</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-remote flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">采购支持</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">密码恢复</a></li>
							<li><a href="#">剖面变化</a></li>
							<li><a href="#">更改我的信息</a></li>
							<li><a href="#">第二步变异</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-repair-shop flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">服务指南</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">密码恢复</a></li>
							<li><a href="#">剖面变化</a></li>
							<li><a href="#">更改我的信息</a></li>
							<li><a href="#">第二步变异</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-deal flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">加伦特付款</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">密码恢复</a></li>
							<li><a href="#">剖面变化</a></li>
							<li><a href="#">更改我的信息</a></li>
							<li><a href="#">第二步变异</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-handshake flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">客户支持</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">密码恢复</a></li>
							<li><a href="#">剖面变化</a></li>
							<li><a href="#">更改我的信息</a></li>
							<li><a href="#">第二步变异</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="support-thumbnail p-4 bg-white shadow-sm mb-4">
						<i class="flaticon-clock flat-medium text-primary"></i>
						<h5 class="py-2"><a href="#" class="text-secondary">入门</a></h5>
						<hr>
						<ul class="list-color-general">
							<li><a href="#">密码恢复</a></li>
							<li><a href="#">剖面变化</a></li>
							<li><a href="#">更改我的信息</a></li>
							<li><a href="#">第二步变异</a></li>
						</ul>
						<hr>
						<a href="#"><i class="fas fa-file-alt"></i> 20个主题</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer th:replace="_layout/footer :: footer"></footer>
	<a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>

</body>
</html>

